<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
	
<!-- 오른쪽 슬라이드 메뉴 영역 -->
<div id="right-menu">
        
    <div class="search">
    	<ol>
        	<li>
        		<c:choose>
					<c:when test="${ sessionScope.member_id == null }">
	       	  			<a href="${contextPath}/vhmall/member/login.vh">
	                	<span class="comimg icon_login"></span>
	                    로그인
	                </a>
					</c:when>
					<c:otherwise>
	            		<a href="${contextPath}/vhmall/member/logout.vh">
	                	<span class="comimg icon_login"></span>
	                    로그아웃
	                </a>
					</c:otherwise>
				</c:choose>
            </li><!--
         --><li>
                <c:choose>
					<c:when test="${ sessionScope.member_id == null }">
	       	  			<a href="${contextPath}/vhmall/member/join1_1.vh"><span class="comimg icon_login"></span>회원가입</a>
					</c:when>
					<c:otherwise>
	            		<a href="${contextPath}/vhmall/cart.vh"><span class="comimg icon_login"></span>장바구니</a>
					</c:otherwise>
				</c:choose>
            </li><!--
         --><li>
                <c:choose>
					<c:when test="${ sessionScope.member_id == null}">
	       	  			<a href="javascript:alert('로그인 후 이용가능합니다.')"><span class="comimg icon_mypage"></span>
		                    마이페이지
		                </a>
					</c:when>
					<c:otherwise>
		            	<a href="${contextPath}/vhmall/mypage/mypage.vh">
		                	<span class="comimg icon_mypage"></span>
		                    마이페이지
		                </a>
					</c:otherwise>
				</c:choose>
            </li>
        </ol>
    </div>
    
    <div class="wrapmenu">
    
    	<h3 class="gradation_darkgray1" title="카테고리">카테고리</h3>
        <!-- 카테고리 메뉴 -->
        <dl class="accod_menu">
        	<dt class="gradation_white1" title="비타민&amp;미네랄(성분별)">비타민&amp;미네랄(성분별)</dt>
            <dd>
            	<ul>
                	<li title="종합멀티비타민">
                    	<a href="${contextPath}/vhmall/category.vh?s_catcd=0101">종합멀티비타민</a>
						<span onClick="#" class="inter"></span>
                    </li>
                    <li title="비타민A/E">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=0102">비타민A/E</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="비타민B">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=0103">비타민B</a>
						<span onClick="#" class="inter on"></span>
                    </li>
                    <li title="비타민C">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=0104">비타민C</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="비타민D/칼슘/마그네슘">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=0105">비타민D/칼슘/마그네슘</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="철분/엽산">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=0106">철분/엽산C</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="셀레늄/아연/기타">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=0107">셀레늄/아연/기타</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                </ul>
            </dd>
            <dt class="gradation_white1" title="비타민&amp;미네랄(대상별)">비타민&amp;미네랄(대상별)</dt>
            <dd>
            	<ul>
                	<li title="종합멀티비타민">
                    	<a href="${contextPath}/vhmall/category.vh?s_catcd=0108">종합멀티비타민</a>
						<span onClick="#" class="inter"></span>
                    </li>
                    <li title="비타민A/E">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=0109">비타민A/E</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="비타민D/칼슘/마그네슘">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=0110">비타민D/칼슘/마그네슘</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="철분/엽산">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=0115">철분/엽산C</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                </ul>
            </dd>
            <dt class="gradation_white1" title="혈행/콜레스테롤">혈행/콜레스테롤</dt>
            <dd>
            	<ul>
                    <li title="비타민D/칼슘/마그네슘">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">비타민D/칼슘/마그네슘</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="철분/엽산">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">철분/엽산C</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                </ul>
            </dd>
            <dt class="gradation_white1" title="관절/연골/치아/뼈건강">관절/연골/치아/뼈건강</dt>
            <dd>
            	<ul>
                    <li title="비타민B">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">비타민B</a>
						<span onClick="#" class="inter on"></span>
                    </li>
                    <li title="비타민C">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">비타민C</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="철분/엽산">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">철분/엽산C</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="셀레늄/아연/기타">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">셀레늄/아연/기타</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                </ul>
            </dd>
            <dt class="gradation_white1" title="향산화/향균">향산화/향균</dt>
            <dd>
            	<ul>
                	<li title="종합멀티비타민">
                    	<a href="${contextPath}/vhmall/category.vh?s_catcd=01">종합멀티비타민</a>
						<span onClick="#" class="inter"></span>
                    </li>
                    <li title="비타민A/E">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">비타민A/E</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="비타민B">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">비타민B</a>
						<span onClick="#" class="inter on"></span>
                    </li>
                    <li title="셀레늄/아연/기타">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">셀레늄/아연/기타</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                </ul>
            </dd>
            <dt class="gradation_white1" title="다이어트/뷰티">다이어트/뷰티</dt>
            <dd>
            	<ul>
                    <li title="비타민D/칼슘/마그네슘">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">비타민D/칼슘/마그네슘</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                </ul>
            </dd>
            <dt class="gradation_white1" title="효소/선식/생식">효소/선식/생식</dt>
            <dd>
            	<ul>
                	<li title="종합멀티비타민">
                    	<a href="${contextPath}/vhmall/category.vh?s_catcd=01">종합멀티비타민</a>
						<span onClick="#" class="inter"></span>
                    </li>
                    <li title="비타민A/E">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">비타민A/E</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="셀레늄/아연/기타">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">셀레늄/아연/기타</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                </ul>
            </dd>
            <dt class="gradation_white1" title="장건강">장건강</dt>
            <dd>
            	<ul>
                    <li title="비타민A/E">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">비타민A/E</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="비타민B">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">비타민B</a>
						<span onClick="#" class="inter on"></span>
                    </li>
                </ul>
            </dd>
            <dt class="gradation_white1" title="건강음료/즙/파우더">건강음료/즙/파우더</dt>
            <dd>
            	<ul>
                    <li title="비타민C">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">비타민C</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                </ul>
            </dd>
            <dt class="gradation_white1" title="비타민&amp;미네랄(대상별)">비타민&amp;미네랄(대상별)</dt>
            <dd>
            	<ul>
                	<li title="종합멀티비타민">
                    	<a href="${contextPath}/vhmall/category.vh?s_catcd=01">종합멀티비타민</a>
						<span onClick="#" class="inter"></span>
                    </li>
                    <li title="비타민A/E">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">비타민A/E</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="비타민B">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">비타민B</a>
						<span onClick="#" class="inter on"></span>
                    </li>
                    <li title="비타민C">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">비타민C</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="비타민D/칼슘/마그네슘">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">비타민D/칼슘/마그네슘</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="철분/엽산">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">철분/엽산C</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="셀레늄/아연/기타">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">셀레늄/아연/기타</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                </ul>
            </dd>
            <dt class="gradation_white1" title="홍삼(인삼)">홍삼(인삼)</dt>
            <dd>
            	<ul>
                    <li title="철분/엽산">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">철분/엽산C</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                    <li title="셀레늄/아연/기타">
                        <a href="${contextPath}/vhmall/category.vh?s_catcd=01">셀레늄/아연/기타</a>
                        <span onClick="#" class="inter on"></span>
                    </li>
                </ul>
            </dd>
        </dl>
        <!--// 카테고리 메뉴 -->
        <!-- 사이드 하단 메뉴 -->
        <div class="sideftmenu_area">
        	<ul class="sideft_menu">
            	<c:choose>
					<c:when test="${ sessionScope.member_id == null }">
	       	  			<li><a href="javascript:alert('준비중입니다.');" title="배송조회"><span class="comimg icon_sftm1"></span>배송조회</a></li><!--
			             --><li><a href="mypage/account.vh" title="쇼핑계좌"><span class="comimg icon_sftm2"></span>쇼핑계좌</a></li><!--
			             --><li><a href="/vhmall/cart_guest.vh" title="교환반품"><span class="comimg icon_sftm3"></span>장바구니</a></li><!--
			             --><li><a href='javascript:alert("로그인 후 이용가능한 메뉴입니다.");' title="나의찜목록"><span class="comimg icon_sftm4"></span>나의찜목록</a></li><!--
			             --><li><a href="/vhmall/qna_list.vh" title="1:1 문의"><span class="comimg icon_sftm5"></span>1:1 문의</a></li><!--
			             --><li><a href="/vhmall/notice.vh" title="공지사항"><span class="comimg icon_sftm6"></span>공지사항</a></li>
					</c:when>
					<c:otherwise>
	            		<li><a href="javascript:alert('준비중입니다.');" title="배송조회"><span class="comimg icon_sftm1"></span>배송조회</a></li><!--
			             --><li><a href="mypage/account.vh" title="쇼핑계좌"><span class="comimg icon_sftm2"></span>쇼핑계좌</a></li><!--
			             --><li><a href="/vhmall/cart.vh" title="교환반품"><span class="comimg icon_sftm3"></span>장바구니</a></li><!--
			             --><li><a href='/vhmall/wishlist.vh' title="나의찜목록"><span class="comimg icon_sftm4"></span>나의찜목록</a></li><!--
			             --><li><a href="/vhmall/qna_list.vh" title="1:1 문의"><span class="comimg icon_sftm5"></span>1:1 문의</a></li><!--
			             --><li><a href="/vhmall/notice.vh" title="공지사항"><span class="comimg icon_sftm6"></span>공지사항</a></li>
					</c:otherwise>
				</c:choose>    
            </ul>
        </div>
        <!--// 사이드 하단 메뉴 -->
    
    </div>
    
</div>
<!--// 오른쪽 슬라이드 메뉴 영역 -->

<div id="content-wrapper">
	<!-- 상단 타이틀 영역 -->
	<header>
    	<div id="Header">
        	<h1 title="VHmall"><a href="${contextPath}/vhmall/main.vh">VHmall</a></h1>
            <a href="#" id="menu" class="top_menu" title="메뉴">
            	<span class="comimg icon_category">메뉴</span>
            </a>
            <form id="searchForm" action="search.vh">
                <fieldset>
                    <div class="searchfoem_area">
                        <input type="search" id="keyword" name="keyword">
                        <input type="submit" title="검색">
                    </div>
                </fieldset>
            </form>
        </div>